<template>
    <div class="random-container">
        <div class="item">随便看看</div>
        <div class="list">
            <div class="randomList">
                <div class="random"></div>
            </div>
        </div>
        
    </div>
</template>

<script>
export default {
    
}
</script>

<style lang="less">
.random-container{
    width:100%;
    margin-bottom: 5%;
    .item{
        font-size: 16px;
        padding: 10px 0;
        color: #606060;
    }
    .list{
         display: flex;
         overflow-x: scroll;
        .randomList{
            width: auto;
            margin: 10px 20px 20px 0;
        .random{
            width: 173px;
            height: 123px;
            border: 1px solid;
            overflow: hidden;
            img{
                width: 100%;
               
            }
        }
    }
    }
    
}
</style>